<!--此组件用于小标题-->
<template>
    <div class="title-box">
      <div
        class="title">
        {{ content }}
      </div>
      <slot />
    </div>
  </template>
  
  <script>
  export default {
    name: 'Title',
    props: {
      // 传递标题内容
      content: {
        type: String,
        required: true,
      },
  
    },
  };
  </script>
  
  <style lang="less" scoped>
    .title-box{
        border-bottom: 1px solid #DF0000;
        .title{
            width: 130px;
            font-size: 16px;
            font-family: PingFang SC;
            font-weight: 400;
            height: 40px;
            text-align: center;
            line-height: 40px;
            padding: 0 23px;
            background: #DF0000;
            color: #fff;
        }
    }
  
  </style>
  